<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>play music</title>
    <link rel="stylesheet" href="css/playVideo.css">
    <style type="text/css">
       
    </style>
</head>
<body>
<input type="hidden" id="uid" value="<s:property value="#session.existUser.userId"/>">
    <header>
        <div class="nav_show">
            <ul >
                <li>
                   <a href="#">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-back_android"></use>                         
                        </svg>
                   </a>
                </li>
                <li>
                    <span class="classname">课程xxx的名字</span>
                    <em class="classlist">课程xxx的章节</em>
                </li>
                <li class="nav_share">
                    <span>分享</span>
                   
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-weibiaoti1"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-qq"></use>
                        </svg>
                    </a>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-xinlang"></use>
                        </svg>
                    </a>
                   
                </li>
            </ul>
        </div>
        
        
        <div class="nav_own">
            <ul >
                <li>
                    <div >
                    <s:property value="#session.existUser.nickName"/>
                    <a href="person.jsp"><img src="images/usericon/user<s:property value="#session.existUser.userImg"/>.jpg"></a>
                    </div>
                </li>
            </ul>
        </div>
        
    </header>
    <section>
        <div class="video_box">
            <video src="" id="player"></video>
        </div>
        <div class="contrels">
           <!--进度条-->
            <div class="progress">
                <span class="bufferBar"></span>
                <span class="timeBar"></span>
                <span class="yuandian"></span>
            </div>

            <div class="play_icon" id="video-btn">
               
            </div>
            <div class="play_time">
                <span id="current">00:00</span>
                <span>/</span>
                <span id="duration">00:00</span>
            </div>
            <div class="func_btn">
               
                   
                    <!--全屏-->
                    <div class="btnFS btn" title="Switch to full screen"></div>

                    <!--开灯/关灯-->
                    <div class="btn sudu">x1.0</div>
                    <div class="sudubox">
                        <div class="suduch_box btnx1">x2.0</div>
                        <div class="suduch_box btnx2">x1.5</div>
                    </div>
                   
                    <!--声音大小-->
                    <div class="volume" title="Set volume">
                        <span class="volumeBar"></span>
                    </div>
                   
                    <!--声音开关-->
			        <div class="sound sound2 btn" title="Mute/Unmute sound"></div>
                
              

            </div>
        </div>
        
        <div class="loading"></div>
    </section>
    <footer>
       <div class="con">
            <div class="conCata">
                <div class="condes"></div>
                <div>
                    <div class="conNav">
                        <span class="navq color">问答</span>
                        <span class="navnote">笔记</span>
                    </div>
                    <div class="conConts">
                        <!--问答-->
                        <div class="QaA">
                           
                           <div class="ques commentsbox" id="ans_box">
                               <div class="comment-msg">评论:</div>
                               <div class="comment-box">
                                   <img src="" alt="">
                                   <textarea name="" id="submit-comm1" cols="30" rows="10" ></textarea>
                                   <button id="comment-sub1">提交</button>
                               </div>
                           </div>
                            
<!--
                            <div class='ques'><img src=''><div><div class='quser'><a href='#'>"+data.question[i][0]+"</a><span>"+data.question[i][1]+"</span></div><div class='qtit'>"+data.question[i][2]+"</div><div class='qans'><span>[最新回答]</span><span>"+data.question[i][3]+"</span></div><div class='qcount'>"+data.question[i][4]+"回答</div></div></div>
-->
                            
                        </div>
                        <!--笔记s-->
                        <div class="notes">
                            <div class="ques commentsbox" id="notes_box">
                               <div class="comment-msg">评论:</div>
                               <input type="text" class="comments-title" placeholder="请输入笔记标题" id="comments-title">
                               <div class="comment-box">
                                   <img src="" alt="">
                                   <textarea name="" id="submit-comm2" cols="30" rows="10" ></textarea>
                                   <button id="comment-sub2">提交</button>
                               </div>
                           </div>
                           
                           <!--<div class='note'><img src='images/usericon/user"+data.note[i][1]+".jpg'><div><div class='noter'><a href='#'>"+data.note[i][0]+"</a><span>"+data.note[i][2]+"</span><span class='note_tit'>"+data.note[i][3]+"</span></div><div class='notecont'><span>"+data.note[i][4]+"</span><span id='notefor' class="+data.note[i][6]+" isfor=true><span class='iconfont icon-dianzan'></span><span id='fornum'>"+data.note[i][5]+"</span></span></div></div></div>
                            -->
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 推荐 -->
            <div class="recommend">
               
            </div>
        
            
        </div>

    </footer>
</body>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/iconfont.js"></script>
<script src="js/playVideo.js"></script>
<script>
   
</script>
</html>